body{
    background: rgb(230, 227, 227);
}
.my-card:hover{
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
}
.rodrigo{
background-color: #e81330!important;
}
.textoazul{
  color: blue;
}
.textoverde{
  color: green;
}
.textorosa{
  color: palevioletred;
}
.textodazul{
  color: darkblue;
}
.textoblanco{
  color: #ffffff;
}
.textomercadotitulo{
  text-align: left;
  padding-left: 5px;
    padding-top: 5px;
}
.textomercadoporce{
  padding-right: 5px;
}
.textomercadoactual{
  padding-left: 5px;
    margin-top: -10px;
    text-align: left;
     font-size: x-small;
}
.invalid-feedback{
  color: white;
}
.bg-login-image-rod {
    /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
    background: url("/static/img/koinicial.PNG");
    background-position: center;
    background-size: cover;
}
.bg-login-image-wzd1 {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("/static/img/wzd1.png");
  background-position: center;
  background-size: cover;
}
.bg-login-image-wzd2 {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("/static/img/wzd2.png");
  background-position: center;
  background-size:cover;
}
.bg-gradient-primary-rod{
    background-color: #ffffff!important;
}

.bg-gradient-primary-rojo{
    background-color: #F40009;
    background-image: linear-gradient(180deg,#F40009 10%,#f4000890 100%)!important;
    background-size: cover
}

.bg-gradient-primary-negro{
  background-color: #000000;
  /*background-image: linear-gradient(180deg,#F40009 10%,#f4000890 100%)!important;*/
  background-size: cover
}

.bg-register-image-rod {
    /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
    background: url("https://s3-us-west-2.amazonaws.com/sintec-uploads/wp-content/uploads/2020/01/10121306/sintec.png");
    background-position: center;
    background-size: cover;
}
.decor-ms{
  text-align: center;
  background-color: ghostwhite;
}

.btn-primary {
  color: #fff;
  background-color: #F40009;
  border-color: #F40009;
}

.btn-primary:hover {
  color: #fff;
  background-color: #7b0307;
  border-color: #7b0307;
}

.btn-primary:disabled {
  color: #fff;
  background-color: #e68184;
  border-color: #e68184;
}

.columna-roja-tenue {
  background-color: #e9bfc1;
  color: #000000;
}

.columna-roja {
  background-color: #F40009;
  color: #fff;
}

.columna-negra {
  background-color: #000000;
  color: #fff;
}

.square-container {
  width: 100%; /* El cuadrado ocupará todo el ancho del contenedor padre */
  padding-bottom: 10%; /* Establece la altura del cuadrado igual al ancho, creando un cuadrado perfecto */
  background-color: gold; /* Color de fondo del cuadrado */
  display: flex;
  align-items: center; /* Centrar verticalmente */
  justify-content: center; /* Centrar horizontalmente */
  overflow: hidden;
}

.square-content {
  text-align: center;
  font-weight: bold;
  color: #333; /* Color del texto en el centro */
}



@media (min-width: 768px) {
  #content-wrapper {
    margin-left: 104px;
    /*margin-top: 100px;*/
  }
}

@media (min-width: 768px) {
  .topbar {
    /*margin-left: 104px;*/
  }
}

@media (max-width: 767px) {
  .sidebar {
    margin-top: 70px;    
  }
}

@media (min-width: 768px){
    .sidebar.toggled { 
    width: 9.5rem!important;
}
}

.rounded {
  border-radius: 1.0rem!important;
}

.table-rounded {
  border-collapse: separate;
  border-spacing: 0;
}

.table .thead-dark th {
  color: #fff;
  background-color: #000000;
  border-color: #6c6e7e;
}

.custom-file-upload {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f7f7f7;
  color: #333;
}

.custom-file-upload:hover {
  background-color: #e7e7e7;
}

.vericaltext{
  writing-mode: vertical-lr;
  text-orientation: upright;
  font-size: 0.5rem;
 }